.header .title {
  margin-left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header .title .zh {
  margin: 20px 0 8px 0;
  padding-left: 10px;
  font-size: 38px;
  color: #fdfeff;
  text-shadow: 1px 1px 0 #0743a8, 2px 2px 0 #01628d, 3px 3px 0 #01628d,
    4px 4px 0 #01628d, 5px 5px 0 #021e43, 6px 6px 0 #021e43;
  line-height: 42px;
  font-weight: 700;
  letter-spacing: 10px;
}

.header .userInfo {
  position: absolute;
  top: 10px;
  right: 10px;
  /* margin: 0px 5px 0 0; */
  font-size: 14px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.userInfo span {
  padding: 0 5px;
}
.userInfo .split {
  display: inline-block;
  border-right: 1px solid #fff;
  height: 14px;
  line-height: 14px;
}
.userInfo .curP {
  cursor: pointer;
}
